<!DOCTYPE HTML>
<html>

<head>
	<title>Blog</title>
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<script src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
</head>

<body>
<div class="banner">
	<div class="header">
		<div class="container">
			<div class="logo">
				<a href="/home"> <label>BLOG</label></a>
			</div>
			<div class="top-menu">
				<span class="menu"> </span>
				<ul>
					<li><a class="user" href="/home"></a></li>
					<li><a class="quit" href="/">QUIT</a></li>
					<div class="clearfix"> </div>
				</ul>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<div class="container">
		<div class="banner-head">
			<h1>THIS IS A BLOG</h1>
			<h2>but not just a blog</h2> </div>
		<div class="banner-links">
			<ul>
				<li class="view active"><a href="javascript:;">VIEW</a></li>
				<li class="newpost"><a href="javascript:;">ADD NEW POST</a></li>
				<div class="clearfix"></div>
			</ul>
		</div>
	</div>
</div>

<div class="content">
	<div class="container">
		<div class="content-grids">
			<div class="col-md-8 content-main lists" style="">
				<div class="list">
				</div>
				<div class="pages">
					<ul>
					</ul>
				</div>
			</div>
			<div class="col-md-8 content-main post" style="display: none" data-contentid="">
				<div class="content-grid">
					<div class="content-grid-single">
						<h3 class="content-title"></h3>
						<h4 style="margin-bottom: 1em">
							<span></span>
							<div class="auth">
								<a id="edit">Edit</a>&nbsp;|&nbsp;<a id="delete">Delete</a>
							</div>
						</h4>
						<img class="single-pic" src="" alt="" />
						<p class="content-description"></p>
					</div>
				</div>
			</div>
			<div class="col-md-8 content-main set-post" style="display: none" data-contentid="">
				<div class="post-form">
					<div class="post-form-head">
						<h3>NEW POST</h3>
						<form id="post" action="../post" method="post" enctype="multipart/form-data">
							<div class="col-md-12 post-form-left">
								<input class="input-title" type="text" placeholder="Title" name="title" maxlength="30" required/>
								<label class="ui_button ui_button_primary" for="select-file">SELECT PICTURE</label>
								<label id="file-name"></label>
								<input type="file" id="select-file" style="display: none" name="image" />
								<textarea class="input-description" placeholder="Content" name="description" maxlength="480" required></textarea>
								<input id="post-id" name="id" type="text" style="display: none" />
								<input id="form-type" name="type" type="text" style="display: none" />
								<input id="post-submit" type="submit" value="CREATE POST" /> </div>
							<div class="clearfix"></div>
						</form>
					</div>
				</div>
			</div>
			<div class="col-md-4 content-main-right">
				<div></div>
				<div class="search">
					<h3>SEARCH HERE</h3>
					<form>
						<input id="keyword" type="text" name="keyword" value=""/>
						<input id="search" type="submit" value=""/>
					</form>
				</div>
				<div class="categories">
					<h3>CATEGORIES</h3>
					<li class="active"><a href="/home">categoryA</a></li>
					<li><a href="/home">categoryB</a></li>
					<li><a href="/home">categoryC</a></li>
				</div>
				<div class="archives">
					<h3>ARCHIVES</h3>
					<li class="active"><a href="/home">July 2015</a></li>
					<li><a href="/home">June 2016</a></li>
					<li><a href="/home">May 2017</a></li>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
<div class="model-node" style="display: none">
	<div class="node-list">
		<div class="content-grid-sec" data-contentid="">
			<div class="content-sec-info">
				<h3 class="more"><a></a></h3>
				<h4></h4>
				<p></p>
				<img src="" alt="" />
				<a class="bttn more">MORE</a>
			</div>
		</div>
	</div>
	<div class="node-page">
		<li class=""><a></a></li>
	</div>
</div>
</html>